<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
</head>
<body>
<div>
    <div class="pin">平铺</div>
    <div class="la">拉伸</div>
    <div class="bu">
        不知道
    </div>
    <div class="zhi">
        不知道
    </div>
</div>
<style>

    .pin{
        border-image: url("../img/border.png") 30 30 round;


    }
    .la{

        border-image:url("../img/border.png") 30 30 stretch;

    }
    div
    {
        border:15px solid transparent;

        text-align: center;
        padding: 20px;
        margin-top:20px
    }
    .bu{
        border-image: url("../img/border.png") 30 30 space;
    }
    .zhi{
        border-image: url("../img/border.png") 30 30 repeat;
    }
</style>


</body>
</html>